/**
 * 学习目标： React 的基本使用
 */

import React from 'react'
import ReactDOM from 'react-dom'

// 💥 类属性需要写成 className ，class 在浏览器会有警告
// const divNode = React.createElement('div', { id: 'box', className: 'box' }, '这是一个 react 案例')
// ReactDOM.render(divNode, document.getElementById('root'))

const list = React.createElement('ul', { className: 'list' }, [
  React.createElement('li', { key: 0 }, '香蕉'),
  React.createElement('li', { key: 1 }, '橘子'),
  React.createElement('li', { key: 2 }, '苹果'),
])

console.log('虚拟DOM', list)

ReactDOM.render(list, document.getElementById('root'))
